<template>
  <div class="Classification_Management">
    <div class="pubBig Privilege">
      <div class="h0">
        <p class="lt"></p>
      </div>
      <div class="dDownMain">
        <div
          class="twoBox"
          :style="this.$route.query.Token ? 'top:50px;left:10px' : 'top: 100px'"
        >
          <el-card class="box-card" style="height:98%">
            <div slot="header" class="clearfix">
              <span>分类管理</span>
              <el-button size="small" style="float:right">添加模块</el-button>
            </div>

            <div
              style="width:33%;height:350px;display:inline-block"
              v-for="(item, index) in card_list"
              :key="item.id"
            >
              <el-card class="box-card" style="height:100%;margin:10px">
                <div slot="header" class="clearfix">
                  <span>{{ item.name }}</span>
                  <el-button style="float: right; padding: 3px 0" type="text"
                    >操作按钮</el-button
                  >
                </div>
                <div v-for="a in item.body" :key="a.a">
                  <p style="margin:10px 0">{{ a.a }}</p>
                  <p style="margin:10px 0">{{ a.b }}</p>
                </div>
              </el-card>
            </div>
          </el-card>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      card_list: [
        { name: "业务类型", body: [{ a: "字典", b: "业务" }], id: "1" },
        { name: "服务类型", body: [{ a: "请求响应", b: "发布订阅" }], id: "2" },
        { name: "业务类型", body: [{ a: "字典", b: "业务" }], id: "3" },
      ],
    };
  },
  methods: {},
  mounted() {
    // document.getElementById("2").focus();
  },
  created() {
    if (this.$route.query.Token) {
      localStorage.setItem("Token", this.$route.query.Token);
    }
  },
};
</script>
<style lang="scss">
.Classification_Management {
  .top-input {
    display: inline-block;
    width: 350px;
  }

  .box-top {
    margin-top: 15px;
    margin-left: 5px;
  }
}
</style>
